@charset "utf-8";
/* CSS Document */
*{
	margin: 0;padding: 0;box-sizing: border-box
}
body{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";background-color: antiquewhite;width: 100%;height: 100%
}
header{
	width: 100%;padding: 10px;position: fixed;top: 0;left: 0;z-index: 1000
}
.banner{
	width: 100%;max-height: 700px;position: relative;overflow: hidden
}
.banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1
}
.caption{
	width: 80%;position: absolute;left: 10%;top: 40%;color: white;z-index: 2
}
.caption h3{
	font-weight: 30px
}
.logo-container{
	display: flex;align-items: center
}
.logo{
	width: 50px
}
.text-logo{
	font-size: 18px;font-weight: bold
}
.text-logo a{
	text-decoration: none;color:white
}
.menu ul{
	display: flex; list-style: none;padding: 10px
}
.menu ul li a{
	text-decoration: none;padding: 10px 15px;text-transform: capitalize;font-size: 14px;display: block;color: white
}
.menu ul li a:hover{
	color:#EF2F05
}
.menu ul li{
	position: relative
}
.menu .dropdown{
	position: absolute;top: 100%;display: flex;flex-direction:column;width: 240px;font-size: 14px;background-color: rgba(70,0,1,0.7);color: white;display: none;left: 0
}
.menu li:hover .dropdown{
	display: block
}

main{
width: 100%;min-height: 600px;color: #734322;padding: 30px;font-size: 16px
}
main .container img{
	width: 100%;height: 500px;object-fit: cover;padding: 10px
}
main .container h3{
	padding-top: 15px;padding-bottom: 15px
}
.gan-fotter{
	width: 100%;max-height: 300px;position: relative;overflow: hidden
}
.gan-fotter::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
	z-index: 1
}
footer{
	width: 100%;min-height: 200px;background-color: brown
}
.icon i{
	color: white; font-size: 18px; padding: 10px
}
.icon a{
	color: white;font-size: 14px; text-decoration: none
}
.address{
			color: white
	}
.address a{
	text-decoration: none; color: white
}
.real{
	align-content: center;background-color: rgba(0,0,0,0.60);align-items: center;display: flex;justify-content: center
}
main{
	width: 100%;min-height: 500px
}
.shadow{
	width: 100%;min-height: 300px; border: 1px solid gray; box-shadow: 5px 5px 5px gray;padding: 15px
}
.form-control{
	padding: 8px; margin-bottom: 10px;width: 100%
}
.icon-main p{
	padding-bottom: 15px
}
.icon-main a{
	color: rgba(115,67,34,1.00)
}
.work-time {
  line-height: 1.8; /* hoặc 1.6–2 tùy theo bạn muốn khoảng cách bao nhiêu */
  font-size: 16px;
}